﻿.mainblock {
	background-color: #E8F2F9;
	border-bottom-color: #287AA8;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #287AA8;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-color: #287AA8;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #287AA8;
	border-right-style: solid;
	border-right-width: 1px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
}
.greyToolbar {
	font-size: 11px;
	font-family: Verdana;
	padding: 0px;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#94959a,endColorStr=#2a2c33);
	cursor: hand;
	height: 30px;
	color: #FFFFFF;
}
.blackToolbar {
	font-size: 11px;
	font-family: Verdana;
	padding: 0px;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#000000,endColorStr=#333333);
	cursor: hand;
	height: 30px;
	color: #FFFFFF;
}
.lavenderToolbar {
	font-size: 11px;
	font-family: Verdana;
	padding: 0px;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#E7EBF9,endColorStr=#C6CCE4);
	cursor: hand;
	height: 30px;
}
.yellowToolbar {
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F6F2E3,endColorStr=#F0E0D0);
	padding-bottom: 2px;
	color: #333333;
	padding-top: 2px;
	background-color: #F0E0D0;
}
.blueToolbar {
	font-size: 11px;
	font-family: Verdana;
	padding: 0px;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#DDEEFF,endColorStr=#6699CC);
	cursor: hand;
	height: 30px;
}
.left {
	position: absolute;
	left: 1%;
	top: 2%;
	width: 14%;
	height: 89%;
}
.headingsPane {
	position: absolute;
	left: 25%;
	top: 10%;
	width: 70%;
	height: 35%;
}
.previewPane {
	position: absolute;
	left: 25%;
	top: 50%;
	width: 70%;
	height: 45%;
}
.readerPane {
	position: absolute;
	left: 18%;
	bottom: 8%;
	width: 81%;
	height: 30%;
	overflow: hidden;
}
.readerTextPane {
	position: absolute;
	left: 17%;
	top: 2%;
	width: 80%;
	height: 80%; /*overflow: auto;*/
}

.heading {
	position: absolute;
	top: 0%;
	left: 0%;
	padding: 5px;
	width: 95%;
}
.controls {
	position: absolute;
	top: 5.5%;
	right: 2%;
	padding: 2.5px;
	width: 25%;
}
.lavenderbg {
	background-color: #C6CCE4;
}
.rssHeadings {
	height: 85%;
	overflow: auto;
	margin: 10px;
}
.stylePreview {
	width: 250px;
	padding: 0px;
}
.PinkBg {
	background-color: #EED2F7;
}
.buttonStyle{
	border: solid 1px #cccccc;
	height: 1.0em;
	width: 12em;
	background-color :#eeeeee;
}
.bluechromeToolbar {
	border: 1px solid #BBB;
	background: url(../images/bluechromebg-over.gif) center center repeat-x;
	padding: 5px 0;
	margin: 0;
	color: #000000;
	padding-left: 10px;
	text-align: left;
}
.bluechromeToolbar a{
	color :#000000;
}
.blackchromeToolbar {
	border: 1px solid #BBB;
	background: url(../images/blockdefault.gif) center center repeat-x;
	padding: 5px 0;
	margin: 0;
	color: #ffffff;
	padding-left: 10px;
	text-align: left;
}
.blackchromeToolbar a{
	color :#ffcc00;
}
.sample{width:75px;text-align:center;}
.sample a{
	text-decoration :none;
}
.whiteToolbar a{
	color :#000000;
}
.right {
	position: absolute;
	right: 1%;
	top: 2%;
	width: 14%;
	height: 89%;
}